<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			/*用通用选择器删除默认的内外边距*/
			*{
				margin:0;
				padding:0;
				
			}
			/*头部开始*/
			#top .nav a{
				color:red;
				text-decoration: none;
			}
			#top .nav a:hover{
				color:blue;
				text-decoration: underline;
			}
			/*头部结束*/
			/*内容区开始*/
			#content ul li a{
				color:coral;
			}
			/*内容区结束*/
			/*底部开始*/
			#footer .link a{
				color:crimson;
			}
			/*底部结束*/
		</style>
	</head>
	<body>
		<div id="top">
			页面头部
			<div class="nav">
				<a href="">首页</a>
				<a href="">体育</a>
				<a href="">娱乐</a>
			</div>
			<div >
				<ul>
					<li><a href="">li中的a</a></li>
				</ul>
			</div>
		</div>
		
		<div id="content">
			页面主题内容
			<ul>
				<li><a href="">文章1</a></li>
				<li><a href="">文章2</a></li>
				<li><a href="">文章3</a></li>
			</ul>
		</div>
		<div id="footer">
			<div class="link">
				<a href="">百度</a>
				<a href="">新浪</a>
				<a href="">搜狐</a>
			</div>
		</div>
	</body>
</html>
